<!DOCTYPE html>
<html>
  <head>
    <title>我的财务</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
	<meta charset="utf-8">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="__PUBLIC__/addon/malltemplatehome/CSS/bootstrap.min.css">
    <link rel="stylesheet" href="__PUBLIC__/addon/malltemplatehome/CSS/reset.css">
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="__PUBLIC__/addon/malltemplatehome/js/jquery-1.11.3.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="__PUBLIC__/addon/malltemplatehome/js/bootstrap.js"></script>
	<!--自己的css样式-->
	<link rel="stylesheet" href="__PUBLIC__/addon/malltemplatehome/CSS/store.css">
	<link rel="stylesheet" href="http://static.zaiyoudao.com/static/page.css">
	 <script src="http://static.hongdayun.com/public/jquery/2.1.4/jquery.js"></script>

  </head>
  <body>
	<!--nav部分开始-->
	 <!--nav部分开始-->
	<header id="header">
		<div class="row shopping">
			<a href="__APP__/Home/Mall/MyInfo/Addon/MallTemplateHome.html">
			<div class="col-xs-2 col-sm-2">
				<img src="__PUBLIC__/addon/malltemplatehome/images/icon58.jpg" width="100%">
			</div>
			</a>
			<div class="col-xs-8 col-sm-8">
				我的财务
			</div>
			<div class="col-xs-2 col-sm-2">
			</div>
		</div>
	</header>
	<div class="container-fluid caiwu">
	<div class="row">
			<table class="table table-bordered">
			  <tr>
				  <td><center>#</td>
				 
				  <td><center>时间</td>
				  <td><center>收入</td>
				  <td><center>支出</td>
				  <td><center>余额</td>
				   <td><center>说明</td>
			  </tr>
			  <volist name="list" id="list">
			  <tr>
				  <td><center>{$i}</td>
				  <td><center>{$list.time|date="m-d H:i",###}</td>
				  
				  <if condition="$list.type eq 1"> 
				  <td><center><span style="color:green;"><b>+{$list.money}</b></span></td>
				  <td><center></td>
				  <elseif condition="$list.type eq 2"/>
				  <td><center></td>
				   <td><center><span style="color:red;"><b>-{$list.money}</b></span></td>
				  
				  <else /> 
				  
				  </if>
				  
				  
				  
				  <td><center>{$list.end_money}</td>
				  <td><center>
				 <button type="button" class="btn btn-primary btn-xs" data-toggle="modal" data-target="#myModal{$list.id}">
				  详情
				</button>
				<div class="modal fade" id="myModal{$list.id}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				  <div class="modal-dialog" role="document">
					<div class="modal-content">
					  <div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">财务明细</h4>
					  </div>
					  <div class="modal-body">
						<table class="table table-bordered">
							  <tr>
								  <td><center>{$list.time|date="Y-m-d H:i",###}</td>
								  <td><center>收入</td>
								  <td><center>支出</td>
								  <td><center>余额</td>
							  </tr>
							   <tr>
								  <td><center>期初余额</td>
								  <td><center></td>
								  <td><center></td>
								  <td><center>{$list.begin_money}</td>
							  </tr>
							   <tr>
								  <td><center>变动金额</td>
								  <if condition="$list.type eq 1"> 
								  <td><center><span style="color:green;"><b>+{$list.money}</b></span></td>
								  <td><center></td>
								  <elseif condition="$list.type eq 2"/>
								  <td><center></td>
								   <td><center><span style="color:red;"><b>-{$list.money}</b></span></td>
								  
								  <else /> 
								  
								  </if>
								  <td><center></td>
							  </tr>
							   <tr>
								  <td><center>期末余额</td>
								  <td><center></td>
								  <td><center></td>
								  <td><center>{$list.end_money}</td>
							  </tr>
							   <tr>
								  <td colspan="4"><center>{$list.value}</td>
								 
							  </tr>
						</table>
					  </div>
					  <div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					
					  </div>
					</div>
				  </div>
				</div>
				  </td>
				  
			  </tr>
			  </volist>
			</table>
		</div>
	</div>
	
	
	<div class="col-md-12 digg">
		 <br>
			<center>
		 {$pages}
		</center>
		
	  </div>
	<br>
	<br>
	<br>		  
	<br>		  
	<br>		  
	<!--底部-->
	<div id="bottom">
		<div class="row">
			<a href="__APP__/Home/Mall/Index/Addon/MallTemplateHome.html">
			<div class="col-xs-4 col-sm-4">
				<img src="__PUBLIC__/addon/malltemplatehome/images/icon8.jpg">
				<p>首页</p>
			</div>
			</a>
			<a href="__APP__/Home/Mall/Cart/Addon/MallTemplateHome.html">
			
			<div class="col-xs-4 col-sm-4">
				<img src="__PUBLIC__/addon/malltemplatehome/images/icon6.jpg">
				<p>购物车</p>
			</div>
			</a>
			<a href="__APP__/Home/Mall/MyInfo/Addon/MallTemplateHome.html">
			
			<div class="col-xs-4 col-sm-4">
				<img src="__PUBLIC__/addon/malltemplatehome/images/icon7.jpg">
				<p>我的</p>
			</div>
			</a>
		</div>
	</div>
	<script>
		$(function(){
			$('#lei .col-sm-3').bind('click',function(){
				$(this).addClass('over').siblings().removeClass('over')
			})
			
		
		})
	</script>
	<script>
		
	</script>
  </body>
</html>